@charset "utf-8";
/* 头条。 */
.index-toutiao h2{color: #fff; font-size: 1.75em; text-align: center; margin-bottom: 15px;}
.index-toutiao h2 a{color: #fff;}
.index-toutiao ul{text-align: center;}
.index-toutiao ul li{display: inline-block; max-width: 32%; color: rgba(255,255,255,0.6);}
.index-toutiao ul li a{color: rgba(255,255,255,0.6); transition: .3s all;}
.index-toutiao ul li a:hover{color: #fff;}
.index-toutiao ul li h3{font-size: 1em; font-weight: normal;}
.index-toutiao ul li + li h3{margin-left: 14px; position: relative; padding-left: 15px;}
.index-toutiao ul li + li h3:before{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #fff; opacity: .6;}

/* 新闻 */
.index-news{box-shadow: 0px 0px 24px  rgba(122, 174, 214, 0.3); background: #fff; border-radius: 8px; padding: 20px;}

.index-news .col-lg-c1{width:57%;}
.index-news .col-lg-c2{width:43%;}

.index-tpxw .txt{background: #F2F5F7; height: 68px; line-height: 68px; padding-left: 18px; padding-right: 120px; font-size: 1.125em; font-weight: bold;}
.index-tpxw .owl-dots{position: absolute; right: 20px; bottom: 20px;}
.index-tpxw .owl-dot{font-weight: 500;display: none;}
.index-tpxw .owl-dot.active{display: block;}
.index-tpxw .owl-dot i{font-size: 1.125em; font-weight: bold; font-style: normal;}
.index-tpxw .owl-nav>div{position: absolute; top:50%; top: calc(50% - 34px); margin-top: -21px; width: 42px;height: 42px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.1);background-size: 10px 20px; transition: .3s all;}
.index-tpxw .owl-nav>div.owl-prev{left: 0;border-radius: 0px 4px 4px 0px; background-image: url(../images/arrow2_white_l.png);}
.index-tpxw .owl-nav>div.owl-next{right:0;border-radius: 4px 0px 0px 4px;background-image:url(../images/arrow2_white_r.png)}
.index-tpxw .owl-nav>div:hover{background-color: rgba(0,0,0,.7);}

.index-yaowen .infolist + .more{text-align: right;}
.index-yaowen .infolist + .more a{color: #1977CA;}
.index-yaowen > .bd .infolist li:nth-child(7){display: none;}

/* 重要公示 */
.index-zygs{height: 96px; position: relative; padding-left: 120px; padding-right:100px; border-radius:0 8px 8px 0; background: #F2FAFF; border: 1px solid #E3F0FF;}
.index-zygs .tit{position: absolute; left: 0; top: 0; bottom: 0; padding: 2px; background: #EBF6FF;}
.index-zygs .tit h3{width: 94px; height: 88px; border: #fff 2px solid; font-size: 1.125em;}
.index-zygs .tit h3 span{display: block; position: relative; width: 48px; text-align: center; color: #005CB8;font-weight: bold; line-height: 28px; padding-bottom: 12px; margin: 0 auto; padding-top: 8px;}
.index-zygs .tit h3 span:after{content: ''; width: 100%; height: 3px; background: #005CB8; position: absolute; left: 0; bottom:0;}
.index-zygs .more{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.index-zygs .swiper-slide h4{font-size: 1em; font-weight: normal; margin-bottom: 10px; padding-left: 20px; margin-top: 20px; position: relative;}
.index-zygs .swiper-slide h4:before{content: ''; width: 6px; height: 6px; background: #1D59B3; border-radius: 50%; position: absolute; left: 0; top: 10px;}
.index-zygs .swiper-slide .time{padding-left: 20px; color: #666;}

.index-zwgk-iconlinks li .box{height: 143px; border-radius: 4px; background: #E0F2FF;}
.index-zwgk-iconlinks li .icon{padding-bottom: 30px; padding-top: 20px; background: url(../images/index_icon_shadow.png) no-repeat center bottom;}
.index-zwgk-iconlinks li .icon img{height: 44px;}
.index-zwgk-iconlinks li .tit{ margin-top: -25px;}

.index-xxgk-iconlinks li .box{height: 83px; border-radius: 9px; background: linear-gradient(180deg, rgba(242, 249, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgba(255, 255, 255, 1); box-shadow: 0px 10px 12px  rgba(16, 118, 196, 0.1)}
.index-xxgk-iconlinks li .box .icon{margin-right: 15px; margin-left: 25px;}
.index-xxgk-iconlinks li .box .icon img{width: 38px;}
.index-xxgk-iconlinks li .box .tit{font-size: 1em; line-height: 22px;}

.index-zwfww{border-radius: 4px;}
.index-zwfww img{display: block; height: 143px; width: 100%;}

.index-qjlyy-infolist{margin-top: -18px;}

.qjgk-iconlink .box{position: relative; height: 130px; background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}
.qjgk-iconlink .icon{position: absolute; right: 0; bottom: 0;}
.qjgk-iconlink .icon img{height: 80px !important;}
.qjgk-iconlink .li1 .box{background-image: url(../images/index_btnbg_qjgl.png); color: #397CD4;}
.qjgk-iconlink .li1 .icon img{height: 85px;}
.qjgk-iconlink .li2 .box{background-image: url(../images/index_btnbg_qjxz.png); color: #1595EB;}
.qjgk-iconlink .li2 .icon img{height: 88px;}
.qjgk-iconlink .li3 .box{background-image: url(../images/index_btnbg_zsyz.png); color: #3066D1;}
.qjgk-iconlink .li3 .icon img{height: 102px;}
.qjgk-iconlink .li4 .box{background-image: url(../images/index_btnbg_tsqj.png); color: #2496C7;}
.qjgk-iconlink .li4 .icon img{height: 105px;}
.qjgk-iconlink .box b{display: block; padding: 35px 0 10px 20px; font-size: 1.125em;}
.qjgk-iconlink .box span{display: block; text-transform: uppercase; padding-left: 20px; font-size: 14px;}

/* 政民互动 */
.index-zjdc-new{padding-top: 20px; height: 106px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #D9D9D9 1px solid;}
.index-zjdc-new .box{position: relative;}
.index-zjdc-new .pic{position: absolute; left: 0; top: 0;}
.index-zjdc-new .pic img{width: 109px; height: 106px;}
.index-zjdc-new .txt{margin-left: 130px; padding-top: 5px;}
.index-zjdc-new .tit{line-height: 30px; height: 60px; margin-bottom: 16px; font-size: 1em;}
.index-zjdc-new .time{font-size: 16px; color: #919191; }
.index-zjdc-new .time b{font-weight: normal;}
.index-zjdc-new .time i{font-style: normal; color: #2354AF; margin-right: 20px;}

.index-zjdc-list li{position: relative; padding-bottom: 25px;}
.index-zjdc-list li:last-child{padding-bottom: 5px;}
.index-zjdc-list li .box{padding-left: 30px; position: relative;}
.index-zjdc-list li:before{content: ''; background: #AFC0E0; width: 1px; position: absolute; top: 0; bottom: 0; left: 9px;}
.index-zjdc-list li .attr{ margin-bottom: 10px; font-size: 16px;}
.index-zjdc-list li .status{color: #A6A6A6; margin-right: 28px; margin-bottom: 13px;}
.index-zjdc-list li .status.ing{color: #2B5DBA;}
.index-zjdc-list li .time{color: #808080;}
.index-zjdc-list li .time b{font-weight: normal;}
.index-zjdc-list li .tit{line-height: 30px; height: 60px; font-size: 1em;}

.index-zjdc-list li .box i{position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border-radius: 50%; transition: .3s all;}
.index-zjdc-list li .box i:after{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #A8D8F7; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s all;}
.index-zjdc-list li:hover .box i{background: #A8D8F7;}
.index-zjdc-list li:hover .box i:after{background: #6494E8;}

.index-zxft-cont{position: relative;}
.index-zxft-cont .pic{position: absolute; left: 0; top: 0; bottom: 0; width: 290px;}
.index-zxft-cont .pic img{display: block; width: 100%; height: 100%;}
.index-zxft-cont .txt{margin-left: 290px; border: 1px solid #80A2E0; background: url(../images/index_zxft_bg.png) no-repeat; background-size: 100% 100%; height: 180px; padding: 20px 24px; box-sizing: border-box;}
.index-zxft-cont .txt .time{display: block; color: #2354AF; margin-bottom: 15px; padding-top: 8px;}
.index-zxft-cont .txt h4{font-size: 1em; line-height: 28px;-webkit-line-clamp: 3; }

.index-zmhd-iconlinks li .box{height: 155px; border-radius: 4px; background: linear-gradient(193.02deg, rgba(240, 247, 255, 1) 0%, rgba(232, 244, 255, 1) 44.72%, rgba(237, 247, 255, 1) 100%); border: 1px solid transparent; transition: .3s all;}
.index-zmhd-iconlinks li .box .icon{padding: 25px 0 2px;}
.index-zmhd-iconlinks li .box .icon img{width: 60px;}
.index-zmhd-iconlinks li .box:hover{background: linear-gradient(0, rgba(237, 245, 255, 1) 0%, rgba(245, 250, 255, 1) 40.06%, rgba(252, 254, 255, 1) 99.68%);border: 1px solid rgba(56, 175, 255, 0.73);
  box-shadow: 0px 0px 21px  rgba(99, 172, 255, 0.25);}
 
@media (max-width: 1500px) and (min-width: 1280px) {

  .index-xxgk-iconlinks li .box .icon{margin-left: 20px;}
  .index-xxgk-iconlinks li .box .tit{font-size: 1em;}
}


@media (max-width: 1280px) {
  .index-tpxw{margin-bottom: 30px;}
  .qjgk-iconlink.col4 li{width: 50%;}
}
@media (max-width: 992px) {
  .index-toutiao h2{font-size: 1.875em; text-align: left;}
  .index-toutiao ul li{display: block; max-width: none; width: 100%; text-align: left; margin-top: 15px; position: relative; padding-left: 15px;}
  .index-toutiao ul li + li h3:before{display: none;}
  .index-toutiao ul li + li h3{padding-left: 0; margin-left: 0;}
  .index-toutiao ul li:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: rgba(255,255,255,0.6);}

  .index-zwgk-iconlinks.col5 li{width: 33.333%;}
}

@media (max-width: 768px) {
  .index-tpxw .txt{font-size: 1em; padding: 0 10px; height: 50px; line-height: 50px; font-weight: normal;}
  .index-tpxw .owl-dots{display: none;}

  .index-zygs{padding-left: 20px; padding-right: 20px;}
  .index-zygs .tit{display: none;}
  .index-zygs .more{display: none;}
  .index-zxft-cont .pic{position: static; width: auto;}
  .index-zxft-cont .txt{margin-left: 0; height: auto;}

  .index-zmhd-iconlinks.col4 li{width: 50%;}
  
}

@media (max-width: 640px) {
  .qjgk-iconlink.col4 li{width: 100%;}
  .index-zjdc-new .pic{display: none;}
  .index-zjdc-new .txt{margin-left: 0;}

  
}


@media (max-width: 480px) {
  .index-zwgk-iconlinks.col5 li{width: 50%;}
  .index-xxgk-iconlinks.col2 li{width: 100%;}
  .index-xxgk-iconlinks li .box br{display: none;}
}